<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>轿运联盟</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/flex.css" />
<link rel="stylesheet" href="js/swiper.min.css" />
<style type="text/css">

</style>
 </head>

<body>
	<!--banner-->
	<div class="ck-slide">
		<ul class="ck-slide-wrapper">
			<li>
            <a href="javascript:"><img src="img/banner1.jpg" alt=""></a>
			</li>
			<li>
				<a href="javascript:"><img src="img/banner2.jpg" alt=""></a>
			</li>
			<li>
				<a href="javascript:"><img src="img/banner3.jpg" alt=""></a>
			</li>
		</ul>
		<a href="javascript:;" class="ctrl-slide ck-prev">上一张</a> <a href="javascript:;" class="ctrl-slide ck-next">下一张</a>
		<!--
		<div class="ck-slidebox">
			<div class="slideWrap">
				<ul class="dot-wrap">
					<li class="current"><em>1</em></li>
					<li><em>2</em></li>
					<li><em>3</em></li>
				</ul>
			</div>
		</div>
		-->
	</div>	
	<!--/banner-->

<script src="js/jquery-1.8.3.min.js"></script>
<!--<script src="js/slide.min.js"></script>-->
<script src="js/slide.js"></script>
<script>
	$('.ck-slide').ckSlide({
		autoPlay: true,//默认为不自动播放，需要时请以此设置
		dir: 'x',//默认效果淡隐淡出，x为水平移动，y 为垂直滚动
		interval:3000,//默认间隔3000毫秒
		isAnimate:true
	});
</script>
<script type="text/javascript" src="js/swiper.min.js" ></script>
<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    
    // 如果需要分页器
    pagination: '.swiper-pagination',
    
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    
    // 如果需要滚动条
    scrollbar: '.swiper-scrollbar',
  })        
  </script>
</body>
</body>
</html>
